<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U-购物车</title>
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/remScale.js"></script>
    <link rel="stylesheet" href="./css/shopCar.css">
    <link rel="stylesheet" href="./css/public.css">
</head>
<body>
    <div class="contain">
        <header class="header">
            <div class="left">
                <a href="#"><img src="./images/public/arrow.jpg" alt=""></a>
            </div>
            <div class="center">
                <h2>购物车</h2>
            </div>
            <div class="right">
                <span></span>
                <span></span>
                <span></span>
            </div>       
        </header>
        <div class="main-list">
            <ul class="wrap">
                <li>
                    <div class="slide">
                        <div class="list-one">
                            <a href="#"><span></span></a>
                        </div>
                        <div class="list-two">
                            <a href="#"><img src="./images/order/shop.jpg" alt=""></a>
                        </div>
                        <div class="list-three">
                            <p class="p1">欧莱雅面霜</p>
                            <p class="p2">规格：50g</p>
                            <p class="p3">&yen; 123.00</p>
                        </div>
                        <div class="list-four">
                            <div class="box">
                                <span class="span1">-</span>
                                <span class="span2">1</span>
                                <span class="span3">+</span>
                            </div>
                        </div>
                        <div class="list-five">
                            <a href="#">删除</a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="slide">
                        <div class="list-one">
                            <a href="#"><span></span></a>
                        </div>
                        <div class="list-two">
                            <a href="#"><img src="./images/shoping_car_/shop.jpg" alt=""></a>
                        </div>
                        <div class="list-three">
                            <p class="p1">雅诗兰黛护手霜</p>
                            <p class="p2">规格：50g</p>
                            <p class="p3">&yen; 26.00</p>
                        </div>
                        <div class="list-four">
                            <div class="box">
                                <span class="span1">-</span>
                                <span class="span2">1</span>
                                <span class="span3">+</span>
                            </div>
                        </div>
                        <div class="list-five">
                            <a href="#">删除</a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="slide">
                        <div class="list-one">
                            <a href="#"><span></span></a>
                        </div>
                        <div class="list-two">
                            <a href="#"><img src="./images/shoping_car_/shop.jpg" alt=""></a>
                        </div>
                        <div class="list-three">
                            <p class="p1">雅诗兰黛素颜霜</p>
                            <p class="p2">规格：50g</p>
                            <p class="p3">&yen; 226.00</p>
                        </div>
                        <div class="list-four">
                            <div class="box">
                                <span class="span1">-</span>
                                <span class="span2">1</span>
                                <span class="span3">+</span>
                            </div>
                        </div>
                        <div class="list-five">
                            <a href="#">删除</a>
                        </div>
                    </div>
                </li>
            </ul>    
        </div>
        <div class="main-last wrap">
            <div class="left">
                <div class="box">
                    <span></span>
                    <a href="#">全选</a>
                </div>
            </div>
            <div class="center">
                <p class="p1">总计：<span>163.00</span></p>
                <p class="p2">不含运费，已优惠&yen;0.00</p>
            </div>
            <div class="right">
                <a href="#">去结算(2件)</a>
            </div>
        </div>
        <div class="blank"></div>
        <footer class="footer">
            <div class="left">
                <a href="#"><img src="./images/public/icon_8.jpg" alt="">
                </a><p>首页</p>
                
            </div>
            <div class="center">
                <a href="#"><img src="./images/public/icon_9.jpg" alt="">
                </a>
                <p>购物车</p>
            </div>
            <div class="right">
                <a href="#"><img src="./images/public/icon_5.jpg" alt="">
                </a>
                <p>我的</p>
                
            </div>
        </footer>
    </div>
</body>
</html>